// 写一个通用的事件侦听器函数
var MyEventListenerFunc = {
  // 页面加载完成后
  readyEvent: function (fn) {
    if (fn == null) {
      fn = document;
    }
    var oldOnload = window.onload;
    if (typeof window.onload != "function") {
      window.onload = fn;
    } else {
      window.onload = function () {
        oldOnload();
        fn();
      };
    }
  },
  // 视能力分别使用dom0||dom2||IE方式 来绑定事件
  // 参数： 操作的元素,事件名称 ,事件处理程序
  addEvent: function (element, type, handler) {
    if (element.addEventListener) {
      //事件类型、需要执行的函数、是否捕捉
      element.addEventListener(type, handler, false);
    } else if (element.attachEvent) {
      element.attachEvent("on" + type, function () {
        handler.call(element);
      });
    } else {
      element["on" + type] = handler;
    }
  },
  // 移除事件
  removeEvent: function (element, type, handler) {
    if (element.removeEventListener) {
      element.removeEventListener(type, handler, false);
    } else if (element.datachEvent) {
      element.detachEvent("on" + type, handler);
    } else {
      element["on" + type] = null;
    }
  },
  // 阻止事件 (主要是事件冒泡，因为IE不支持事件捕获)
  stopPropagation: function (ev) {
    if (ev.stopPropagation) {
      ev.stopPropagation();
    } else {
      ev.cancelBubble = true;
    }
  },
  // 取消事件的默认行为
  preventDefault: function (event) {
    if (event.preventDefault) {
      event.preventDefault();
    } else {
      event.returnValue = false;
    }
  },
  // 获取事件目标
  getTarget: function (event) {
    return event.target || event.srcElement;
  },
  // 获取event对象的引用，取到事件的所有信息，确保随时能使用event；
  getEvent: function (e) {
    var ev = e || window.event;
    if (!ev) {
      var c = this.getEvent.caller;
      while (c) {
        ev = c.arguments[0];
        if (ev && Event == ev.constructor) {
          break;
        }
        c = c.caller;
      }
    }
    return ev;
  },
};
// 扩展：IE 的事件处理和 W3C 的事件处理区别
// 绑定事件
// W3C: targetEl.addEventListener('click', handler, false);
// IE: targetEl.attachEvent('onclick', handler);
// 删除事件
// W3C: targetEl.removeEventListener('click', handler, false);
// IE: targetEl.detachEvent(event, handler);
// 事件对象
// W3C: var e = arguments.callee.caller.arguments[0]
// IE: window.event
// 事件目标
// W3C: e.target
// IE: window.event.srcElement
// 阻止事件默认行为
// W3C: e.preventDefault()
// IE: window.event.returnValue = false
// 阻止事件传播
// W3C: e.stopPropagation()
// IE: window.event.cancelBubble = true
// IE 只支持事件冒泡，不支持事件捕获

// 扩展：W3C 事件的 target 与 currentTarget 的区别？
// target 只会出现在事件流的目标阶段
// currentTarget 可能出现在事件流的任何阶段
// 当事件流处于目标阶段的时候，二者的指向是相同的
// 当事件流处于捕获或冒泡阶段的时候：currentTarget 指向当前活动的对象(一般为父级)